<template>
  <div class="about">
    <h1>This is an about page</h1>
    <div v-for="item in showList" :key="item.id">{{ item.id}}-{{ item.name }}</div>
  </div>
</template>
<script lang="ts" setup>
  import { GetShop } from '@/api/user';
  import {ref} from 'vue'
 interface shopType {
    id:number,
    name:string
  }
  const showList = ref<shopType[]> ()
  GetShop({})
  .then(res=>{
    showList.value = res.data.data;
    console.log(res.data.data);
  })
</script>
<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
